<?php $this->_extends('_layouts/index2_layout'); ?>

<?php $this->_block('contents'); ?>
<div id="templatemo_content">
	<div class="col_w600">
		<div class="service_box">
			<div class="sb_left">
				<h4>Jquery特效</h4>
				<iframe id="demowindow" style="display:none; width:100%;" frameborder="0" scrolling="no" src="<?php echo url('Jqeffects/demoiframe', array('jqeId' => Util::UrlParamEncode($jqeffect['id']))); ?>"></iframe>
				<script type="text/javascript"> 
			         $("#demowindow").load(function(){
				         $('#loading').hide();
				         $(this).show();
				         
				         var bgcolor = $('body').css('background-color');
			             $(this).contents().find("body").css({'background-color': bgcolor});
			             $(this).height($(this).contents().find("#allcontent").outerHeight() + 60);
			         });
				</script>
				<div>
					<img id="loading" src="<?php echo $img_url; ?>loading.gif" />
				</div>
				<div class="cleaner"></div>
				
				<div class="btn_more float_r">
					<a href="<?php echo url('jqeffects/download', array('jqeId' => Util::UrlParamEncode($jqeffect['id']))); ?>" target="_blank">本站下载</a>
				</div>
			</div>
			<div class="cleaner"></div>
			
		</div>
	</div>
</div>















<style>
	#middle {
		width: 980px;
		height: 1000px;
		margin: 0 auto;
	}
	
	#block_jq_effect {
		width: 731px;
	}
	.jq_effect_item {
		width: 238px;
		/*height: 210px;	*/
	}
	.jq_effect_item dd {
		width: 50%;
	}
	
</style>


<div id="middle">
	<div id="block_jq_effect" class="border_style3 fleft">
		<div class="blocktitle_strip p_l_r_10"><a target="_blank" href="<?php echo url('jqeffects/index'); ?>" class="font_style_blocktitle">Jquery 特效</a></div>
		
		<form method="GET" action="<?php echo url('jqeffects/index'); ?>">
			<div class="p_l_r_10">
				<?php foreach($classification as $k=>$v): ?>
					<input type="checkbox" name="jqeffectclass[<?php echo $k; ?>]" id="jqeffectclass<?php echo $k; ?>" value="<?php echo $v; ?>" <?php echo (isset($jqeffectclass[$k]))? "checked='true'" : ""; ?> />
					<label for="jqeffectclass<?php echo $k; ?>"><?php echo $v; ?></label>
				<?php endforeach; ?>
				
				<input type="submit" id="submit" value="查找类别" />
			</div>
		</form>
		
		<div class="pagination fleft fullwidth borderbottom_style1">
			<?php echo $pagination; ?>
		</div>
		
		<?php foreach($jqEffects as $k => $v): ?>
			<div class="jq_effect_item fleft m_l_5">
				<a class="img_a" target="_blank" href="<?php echo url('Jqeffects/demo', array('jqeId' => Util::UrlParamEncode($v['id']))); ?>">
					<img class="border_style2" width="225" height="145" alt="<?php echo $v['illustration']; ?>" src="<?php echo url('jqeffects/img', array('jqeId' => Util::UrlParamEncode($v['id']))); ?>" />
				</a>
				<h3 class="font_style1"><?php echo $v['illustration']; ?></h3>
			</div>
		<?php endforeach; ?>
		
		<script>
			$('.jq_effect_item img').mouseover(function(){
				$(this).addClass('border_style2hover');
			}).mouseout(function(){
				$(this).removeClass('border_style2hover');
			});
		</script>
		
		<div class="pagination fleft fullwidth bordertop_style1">
			<?php echo $pagination; ?>
		</div>
	</div>
	
	<input type="file" />
	
</div>



















<?php $this->_endblock(); ?>